<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo_search</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/demo_search.css">
    <script src="js/zepto.js"></script>
</head>
<body>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <!-- 这里是页面内容区 -->
        <div class="content">
            <div class="top_banner">
                <a href="">
                    <img src="images/test_ad.jpg" alt="" width="100%">
                </a>
            </div>
            </div>
        <div class="search_control">
            <span>输入关键字</span>
            <input type="text" placeholder="试试薯条+奶酪" class="searc_input">
            <span class="search_btn">
                <input type="button" value="搜索">
            </span>
        </div>
        <nav class="quick-entry-nav position-r">
            <a class="quick-entry-link"  href="#"><img width="45" height="45" src="//m.360buyimg.com/mobilecms/s78x78_jfs/t2947/99/665621328/4341/581e07d0/57626fb2N985739cc.png"><span>全球购</span></a>
            <a class="quick-entry-link"  href="#"><img width="45" height="45" src="//m.360buyimg.com/mobilecms/s78x78_jfs/t2947/99/665621328/4341/581e07d0/57626fb2N985739cc.png"><span>全球购</span></a>
            <a class="quick-entry-link"  href="#"><img width="45" height="45" src="//m.360buyimg.com/mobilecms/s78x78_jfs/t2947/99/665621328/4341/581e07d0/57626fb2N985739cc.png"><span>全球购</span></a>
            <a class="quick-entry-link"  href="#"><img width="45" height="45" src="//m.360buyimg.com/mobilecms/s78x78_jfs/t2947/99/665621328/4341/581e07d0/57626fb2N985739cc.png"><span>全球购</span></a>
        </nav>
        <div class="content">
            <ul class="good-list">
                <li class="bdr-bom">
                    <a href="#">
                        <div class="skill-pic">
                            <div class="img">
                                <img src="" style="animation: fade 400ms 0s;">
                            </div>
                        </div>
                        <p class="g-title">家安（HomeAegis）家安米精华餐具净 470g</p>
                        <p class="g-price"><i class="doller">￥</i>6<span class="f-s-12">.18</span></p>
                        <div class="skill-price">
                            <p class="g-price-odd">
                                <del>￥18.9</del>
                            </p>
                        </div>
                    </a>
                </li>
                <!--以下为重复行-->
                <li class="bdr-bom">
                    <a href="#">
                        <div class="skill-pic">
                            <div class="img">
                                <img src="" style="animation: fade 400ms 0s;">
                            </div>
                        </div>
                        <p class="g-title">家安（HomeAegis）家安米精华餐具净 470g</p>
                        <p class="g-price"><i class="doller">￥</i>6<span class="f-s-12">.18</span></p>
                        <div class="skill-price">
                            <p class="g-price-odd">
                                <del>￥18.9</del>
                            </p>
                        </div>
                    </a>
                </li>
                <li class="bdr-bom">
                    <a href="#">
                        <div class="skill-pic">
                            <div class="img">
                                <img src="" style="animation: fade 400ms 0s;">
                            </div>
                        </div>
                        <p class="g-title">家安（HomeAegis）家安米精华餐具净 470g</p>
                        <p class="g-price"><i class="doller">￥</i>6<span class="f-s-12">.18</span></p>
                        <div class="skill-price">
                            <p class="g-price-odd">
                                <del>￥18.9</del>
                            </p>
                        </div>
                    </a>
                </li>
                <li class="bdr-bom">
                    <a href="#">
                        <div class="skill-pic">
                            <div class="img">
                                <img src="" style="animation: fade 400ms 0s;">
                            </div>
                        </div>
                        <p class="g-title">家安（HomeAegis）家安米精华餐具净 470g</p>
                        <p class="g-price"><i class="doller">￥</i>6<span class="f-s-12">.18</span></p>
                        <div class="skill-price">
                            <p class="g-price-odd">
                                <del>￥18.9</del>
                            </p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 其他的单个page内联页（如果有） -->
</div>
<script type="text/javascript" src="assets/js/zepto.js"></script>
<script type="text/javascript" src="dist/js/sm.js"></script>
<script src="dist/js/sm-extend.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/config.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="assets/js/common.js" type="text/javascript" charset="utf-8"></script>-->
<script src="assets/js/iscroll.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>